<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title> SquirBus Mobile
        </title>
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
        <link rel="stylesheet" href="<?php echo base_url() . '/media/css/mobile.css' ?>" type="text/css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <script src="https://ajax.aspnetcdn.com/ajax/jquery.mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
        <!-- [CODE BEHIND]-->
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/code/utils.js' ?>"></script>
        <script type="text/javascript" src="<?php echo base_url() . '/media/js/code/movil_principal_controller.js' ?>"></script>

    </head>
    <body>
        <div id="base_url" style="display:none"><?php echo base_url() ?></div>
        <!-- [Home] -->
        <div data-role="page" id="principal">
            <div data-theme="a" data-role="header">
                <h1>
                    SquirTeam - Home
                </h1>
            </div>
            <div data-role="content">
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        Website
                    </li>
                    <li data-theme="c">
                        <a href="#principal" data-transition="slide">
                            Nosotros
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#principal" data-transition="slide">
                            Destinos
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#principal" data-transition="slide">
                            Servicios
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#principal" data-transition="slide">
                            Contacto
                        </a>
                    </li>
                </ul>
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-role="list-divider" role="heading">
                        Pasajes y Reservas
                    </li>
                    <li data-theme="c">
                        <a href="#login" data-transition="slide">
                            login
                        </a>
                    </li>
                </ul>

            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <h2>
                    Copyright 2013
                </h2>
            </div>
        </div>


        <!-- [Login] -->
        <div data-role="page" id="login">
            <div data-theme="a" data-role="header">
                <a data-rel="back" href ="#" data-role="button">Regresar</a>
                <h1>
                    SquirTeam - Login
                </h1>
            </div>
            <div data-role="content">
                <form action="#" method="POST">
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput1">
                                Usuario
                            </label>
                            <input name="user" id="textinput1" placeholder="Usuario" value="" type="text" />
                        </fieldset>
                    </div>
                    <div data-role="fieldcontain">
                        <fieldset data-role="controlgroup">
                            <label for="textinput2">
                                Contraseña
                            </label>
                            <input name="pass" id="textinput2" placeholder="Contraseña" value="" type="password" />
                        </fieldset>
                    </div>
                    <div id="mensajeControl1" class="mensaje_control1"></div>
                    <a id="btn_login" data-inline="true" data-transition="slide" data-role="button" data-icon="check" data-iconpos="left" name="Ingresar" data-mini="true">Ingresar</a>
                    <a id="btn_cancelar" data-inline="true" href="#principal" data-transition="slide" data-role="button" data-icon="back" data-iconpos="left" name="Cancelar" data-mini="true">Cancelar</a>
                </form>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <h2>
                    Copyright 2013
                </h2>
            </div>
        </div>


        <!-- [Sistema] -->
        <div data-role="page" id="sistema">
            <div data-theme="a" data-role="header">
                <h1>
                    SquirTeam - Sistema
                </h1>
                <a data-theme="b" data-role="button" href="#principal" data-transition="slide" id="btn_logout">Salir</a>
            </div>
            <div data-role="content">
                <ul data-role="listview" data-divider-theme="b" data-inset="true">
                    <li data-theme="c">
                        <a href="#" data-transition="slide">
                            Ver Itinerarios
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#misPasajes" id="btn_misPasajes" data-transition="slide">
                            Mis Pasajes
                            <span class="ui-li-count" id="misPasajesCountText">
                                0
                            </span>
                        </a>
                    </li>
                    <li data-theme="c">
                        <a href="#misReservas" id="btn_misReservas" data-transition="slide">
                            Mis Reservas
                            <span class="ui-li-count" id="misReservasCountText">
                                0
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <h2>
                    Copyright 2013
                </h2>
            </div>
        </div>

        <!-- [Mis Pasajes] -->
        <div data-role="page" id="misPasajes">
            <div data-theme="a" data-role="header">
                <a data-rel="back" href ="#sistema" data-role="button">Regresar</a>
                <h1>
                    SquirTeam - Mis Pasajes
                </h1>
                <a data-theme="b" data-role="button" href="#principal" data-transition="slide" id="btn_logout">Salir</a>
            </div>
            <div data-role="content" id="lista_pasajes">
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <h2>
                    Copyright 2013
                </h2>
            </div>
        </div>

        <!-- [Mis Reservas] -->
        <div data-role="page" id="misReservas">
            <div data-theme="a" data-role="header">
                <a data-rel="back" href ="#sistema" data-role="button">Regresar</a>
                <h1>
                    SquirTeam - Mis Reservas
                </h1>
                <a data-theme="b" data-role="button" href="#principal" data-transition="slide" id="btn_logout">Salir</a>
            </div>
            <div data-role="content">
                <div class="container" id="lista_reservas">
                </div>
            </div>
            <div data-theme="a" data-role="footer" data-position="fixed">
                <h2>
                    Copyright 2013
                </h2>
            </div>
        </div>
    </body>
</html>

